<template>
  <div class="dialog ">
    <div class="dialog-con applyGoods">
      <div class="returnGoods">
        <div class="devideEqually">
          <p class="devide"> <split-vertical title="客诉详情"></split-vertical></p>
          <p class="devide" style="margin-right:20px;cursor: pointer" @click="closeTip"><i class="iconfont">&#xe625;</i></p>
        </div>
        <el-table
          :data="applyInfo.applyInfo"
          border
          highlight-current-row
          style="width: 100%">
          <el-table-column
            prop="itemCode"
            label="商品编码"
            width="80">
          </el-table-column>
          <el-table-column
            prop="itemSkuName"
            label="商品sku"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            prop="returnNum"
            label="退货数量"
            :show-overflow-tooltip="true">
          </el-table-column>
          <el-table-column
            prop="deliverNum"
            label="补发数量"
            :show-overflow-tooltip="true">
          </el-table-column>
        </el-table>

      </div>
    </div>
  </div>
</template>

<script>
  import SplitVertical from "components/common/SplitVertical"
  export default {
    components:{
      SplitVertical
    },
    data(){
      return{
        row:[]
      }
    },
    props:{
      applyInfo:{
        type:Object,
        default:{}
      }
    },
    created(){
      // console.log(this.row)
    },
    methods:{
      closeTip(){
        this.$emit("closeApply")
      }
    }
  }
</script>

<style scoped lang="scss">
  .applyGoods{
    width:800px;
    height:500px;
    .returnGoods{
      margin:0 10px;
      .devideEqually{
        line-height:40px;
        width:100%;
        display: flex;
        justify-content: space-between;
      }
    }
  }
</style>
